import React from "react";

const CheckMarkIcon = ({ isDisabled }) => {
  return (
    <svg
      width="10"
      height="9"
      viewBox="0 0 10 9"
      fill="none"
      xmlns="http://www.w3.org/2000/svg"
    >
      <path
        d="M9.80704 0.139137C9.51806 -0.14984 8.94011 0.0428115 8.65113 0.428114L4.31648 5.53337C4.22016 5.62969 4.02751 5.62969 3.93118 5.62969L1.33039 3.99216C0.945087 3.70318 0.367134 3.70318 0.174483 4.08848C-0.114494 4.37746 -0.0181682 4.85909 0.270808 5.24439L3.35323 8.80844C3.6422 9.09741 3.93118 9.29006 4.31648 9.29006C4.70178 9.29006 5.08709 9.09741 5.37606 8.71211L9.90336 1.39137C10.1923 1.00607 10.096 0.428114 9.80704 0.139137Z"
        fill={isDisabled ? "#d9d9d9" : "#4c8bf7"}
      />
    </svg>
  );
};

export default CheckMarkIcon;
